// 统计类
#cnzz_stat_icon_1271463533 {
    display: none;
}

.footer{
    width: 100%;
    background-color: #212426;
    .footer-header{
        margin: 0 auto;
        width: $layout-width;
        //height: 170px;
        //line-height: 170px;
        padding: 48px 0;
        border-bottom: 1px solid #3a3c3e;
        .header-title {
            text-align: center;
            font-size: 18px;
            color:#fff;
        }
        >.header-btn {
            margin-top: 32px;
            text-align: center;
            .btn {
                display: inline-block;
                padding: 8px 32px;
                font-size: 13px;;
                color: $color-link;
                border: 1px solid $color-link;
                &:hover{
                    //background-color: rgba(255, 255, 255, 0.1);
                    background-color: $color-link;
                    color: #fff;
                }
            }
        }
    }

    .footer-cont{
        display: flex;
        align-items: top;
        padding: 32px 0 64px 0;
        margin: 0 auto;
        max-width: $layout-width;
        font-size: 12px;
        .footer-logo{
            width: 240px;
            &-text{
                display: flex;
                align-items: center;
                margin-top: 24px;
                line-height: 13px;
                color: #fff;
            }
        }
        .footer-center{
            flex-grow: 1;
            padding-top: 8px;
            &-list{
                display: flex;
                //flex-direction: column;
                //align-content: flex-start;
                flex-wrap: wrap;
                //padding-left: 48px;
                //height: 70px;
                >.item{
                    min-width: 190px;
                    margin-left: 0px;
                    display: inline-block;
                    //height: 40px;
                    color: #959595;
                    img{
                        width: 16px;
                        margin-right: 4px;
                    }
                    &:first-child {
                        margin-left: 0;
                    }
                    // &:last-child{
                    //     margin-left: 220px;
                    // }
                    .item-title {
                        //font-weight: bold;
                        //color: #1e97fc;
                        color: #fff;
                        .row-link {
                            color: #fff;
                        }
                    }
                    .item-row {
                        display: block;
                        margin-top: 16px;
                        color: #959595;
                    }
                    .row-link {
                        color: #959595;
                        &--white {
                            color: #d8d8d8;
                        }
                    }
                }
            }
            &-bottom {
                padding-top: 64px;
                .item-row {
                    margin-top: 12px;
                    &:first-child {
                        margin-top: 0;
                    }
                    color: #959595;
                }
            }
        }
        .footer-right{
            &-cont{
                position: relative;
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 148px;

                .item {
                    transform: scale(0.5);
                    background-image: url("../img/icons.png") ;
                }

                .item-linkedin{
                    width: 30px;
                    height: 28px;
                    background-position: 0 -100px;
                    &:hover{
                        background-position: 0 -150px;
                    }
                }
                .item-facebook{
                    width: 18px;
                    height: 36px;
                    background-position: 0 0;
                    &:hover{
                        background-position: 0 -50px;
                    }
                }
                .item-twitter{
                    width: 36px;
                    height: 30px;
                    background-position: 0 -200px;
                    &:hover{
                        background-position: 0 -250px;
                    }
                }
                .item-qq {
                    width: 32px;
                    height: 36px;
                    background-position: 0 -300px;
                    &:hover{
                        background-position: 0 -350px;
                    }
                }
                .item-wechat {
                    width: 36px;
                    height: 30px;
                    background-position: 0 -493px;
                    transform: scale(0.6);
                    &:hover{
                        background-position: 0 -535px;
                    }
                }
                @mixin ellipsis {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    word-break: break-all;
                }
                .qq-menu, .wechat-menu{
                    display: none;
                    position: absolute;
                    top: -106px;
                    border: 1px solid rgba(0, 0, 0, 0.2);
                    border-radius: 4px;
                    box-shadow: 1px 1px 5px rgba(125, 125, 125, 0.04);
                    background-color: #fff;
                    .menu-title {
                        height: 32px;
                        line-height: 32px;;
                        padding: 0 8px;
                        color: #666;
                        border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
                        @include ellipsis;
                        font-size: 12px;
                        border-radius: 4px 4px 0 0;
                        text-align: left;
                    }
                    .menu-content {
                        padding: 8px 8px 4px 8px;
                        border-radius: 4px;
                        color: #999;
                    }
                }
                .qq-menu {
                    right: -46px;
                    .menu-content {
                        display: flex;
                        padding: 0;
                        .img-box {
                            flex: 1;
                            padding: 8px 8px 4px 8px;
                            &:first-child {
                                border-right: 1px solid $color-input-border;
                            }
                            // &:last-child {
                            //     transform: scale(1.06);
                            // }
                        }
                    }
                }
                .wechat-menu {
                    right: -32px;
                }
                //img{
                //    transform: scale(.5);
                //}
            }
        }
    }
}
